<script setup lang="ts">
import { NSpace, NH1, NH3, NH5 } from "naive-ui";
import { useRouter } from "ys-ts/src/naive-ui/router";
import { NoFocusButton } from "ys-ts/src/naive-ui/button";
import { useConfigStore } from "@/plugins/store";
import { useRouterName } from "@/plugins/router";
import { useTestStore } from "@/plugins/store/test";

const store = useConfigStore();
const testStore = useTestStore();

const { toName } = useRouter();
const { second1 } = useRouterName();
</script>

<template>
  <NSpace class="tw-h-screen" justify="center" align="center" vertical>
    <NH1>你好{{ store.base.world }}</NH1>
    <NH3>这里是你项目的开始</NH3>
    <NH5>{{ testStore.double }}</NH5>
    <NoFocusButton @click="toName(second1)">第二页</NoFocusButton>
  </NSpace>
</template>

<style scoped></style>
